<template>
    <div>
        <u-table ref="table" v-loading="loading" :data="value" row-key="SysCustomerID" :use-virtual="useVirtual"
            v-bind="$props" v-on="$listeners">
            <slot name="SysStore.EnumSysStoreTypeBefore"></slot>
            <slot name="SysStore.EnumSysStoreType">
                <u-table-column prop="SysStore.EnumSysStoreType" :label="comLan['Key']['SysStore']['EnumSysStoreType']"
                    width="80" align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.SysStore.EnumSysStoreType, EnumSysStoreType)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="SysStore.EnumSysStoreTypeAfter"></slot>
            <slot name="SysStore.SysStoreNameBefore"></slot>
            <slot name="SysStore.SysStoreName">
                <u-table-column prop="SysStore.SysStoreName" :label="comLan['Key']['SysStore']['SysStoreName']"
                    width="180" align="left"></u-table-column>
            </slot>
            <slot name="SysStore.SysStoreNameAfter"></slot>
            <slot name="SysStore.PhoneNumberBefore"></slot>
            <slot name="SysStore.PhoneNumber">
                <u-table-column prop="SysStore.PhoneNumber" :label="comLan['Key']['SysStore']['PhoneNumber']" width="80"
                    align="left"></u-table-column>
            </slot>
            <slot name="SysStore.PhoneNumberAfter"></slot>
            <slot name="SysStore.EnumStatusBefore"></slot>
            <slot name="SysStore.EnumStatus">
                <u-table-column prop="SysStore.EnumStatus" :label="comLan['Key']['SysStore']['EnumStatus']" width="50"
                    align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.SysStore.EnumStatus, EnumStatus)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="SysStore.EnumStatusAfter"></slot>
            <slot name="EnumSysCustomerTypeBefore"></slot>
            <slot name="EnumSysCustomerType">
                <u-table-column prop="EnumSysCustomerType" :label="keyLan['EnumSysCustomerType']" width="80"
                    align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.EnumSysCustomerType, EnumSysCustomerType)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="EnumSysCustomerTypeAfter"></slot>
            <slot name="HeaderUrlBefore"></slot>
            <slot name="HeaderUrl">
                <u-table-column prop="HeaderUrl" :label="keyLan['HeaderUrl']" width="95" align="center">
                    <template v-slot="scope">
                        <el-image class="img" :preview-src-list="HeaderUrlImageList" :src="scope.row.HeaderUrl"
                            v-if="!!scope.row.HeaderUrl">
                        </el-image>
                    </template>
                </u-table-column>
            </slot>
            <slot name="HeaderUrlAfter"></slot>
            <slot name="SysCustomerNameBefore"></slot>
            <slot name="SysCustomerName">
                <u-table-column prop="SysCustomerName" :label="keyLan['SysCustomerName']" width="180"
                    align="left"></u-table-column>
            </slot>
            <slot name="SysCustomerNameAfter"></slot>
            <slot name="PhoneBefore"></slot>
            <slot name="Phone">
                <u-table-column prop="Phone" :label="keyLan['Phone']" width="80" align="left"></u-table-column>
            </slot>
            <slot name="PhoneAfter"></slot>
            <slot name="BirthDayBefore"></slot>
            <slot name="BirthDay">
                <u-table-column prop="BirthDay" :label="keyLan['BirthDay']" width="160" align="center">
                    <template v-slot="scope">
                        <span v-if="!!scope.row.BirthDay">{{ scope.row.BirthDay | datetime }}</span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="BirthDayAfter"></slot>
            <slot name="EnumStatusBefore"></slot>
            <slot name="EnumStatus">
                <u-table-column prop="EnumStatus" :label="keyLan['EnumStatus']" width="50" align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.EnumStatus, EnumStatus)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="EnumStatusAfter"></slot>
            <slot name="IsDemoBefore"></slot>
            <slot name="IsDemo">
                <u-table-column prop="IsDemo" :label="keyLan['IsDemo']" width="110" align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.IsDemo, IsDemoIsYes)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="IsDemoAfter"></slot>
            <slot name="CreateSysEmployeeIDBefore"></slot>
            <slot name="CreateSysEmployeeID">
                <u-table-column prop="CreateSysEmployeeID" :label="keyLan['CreateSysEmployeeID']" width="80"
                    align="right"></u-table-column>
            </slot>
            <slot name="CreateSysEmployeeIDAfter"></slot>
            <slot name="CreateDateBefore"></slot>
            <slot name="CreateDate">
                <u-table-column prop="CreateDate" :label="keyLan['CreateDate']" width="160" align="center">
                    <template v-slot="scope">
                        <span v-if="!!scope.row.CreateDate">{{ scope.row.CreateDate | datetime }}</span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="CreateDateAfter"></slot>
            <slot name="RemarkBefore"></slot>
            <slot name="Remark">
                <u-table-column prop="Remark" :label="keyLan['Remark']" align="left"></u-table-column>
            </slot>
            <slot name="RemarkAfter"></slot>
            <slot name="SysEmployee.EnumQuitStatusBefore"></slot>
            <slot name="SysEmployee.EnumQuitStatus">
                <u-table-column prop="SysEmployee.EnumQuitStatus"
                    :label="comLan['Key']['SysEmployee']['EnumQuitStatus']" width="155" align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.SysEmployee.EnumQuitStatus, EnumQuitStatus)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="SysEmployee.EnumQuitStatusAfter"></slot>
            <slot name="SysEmployee.SysEmployeeNameBefore"></slot>
            <slot name="SysEmployee.SysEmployeeName">
                <u-table-column prop="SysEmployee.SysEmployeeName"
                    :label="comLan['Key']['SysEmployee']['SysEmployeeName']" width="180" align="left"></u-table-column>
            </slot>
            <slot name="SysEmployee.SysEmployeeNameAfter"></slot>
            <slot name="SysEmployee.SysEmployeePhoneBefore"></slot>
            <slot name="SysEmployee.SysEmployeePhone">
                <u-table-column prop="SysEmployee.SysEmployeePhone"
                    :label="comLan['Key']['SysEmployee']['SysEmployeePhone']" width="80" align="left"></u-table-column>
            </slot>
            <slot name="SysEmployee.SysEmployeePhoneAfter"></slot>
            <slot name="SysEmployee.CanSeePhoneBefore"></slot>
            <slot name="SysEmployee.CanSeePhone">
                <u-table-column prop="SysEmployee.CanSeePhone" :label="comLan['Key']['SysEmployee']['CanSeePhone']"
                    width="140" align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.SysEmployee.CanSeePhone, CanSeePhoneIsYes)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="SysEmployee.CanSeePhoneAfter"></slot>
            <slot name="EnumSysCustomerSourceBefore"></slot>
            <slot name="EnumSysCustomerSource">
                <u-table-column prop="EnumSysCustomerSource" :label="keyLan['EnumSysCustomerSource']" width="80"
                    align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.EnumSysCustomerSource, EnumSysCustomerSource)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="EnumSysCustomerSourceAfter"></slot>
            <slot name="EnumSysCustomerIntentionBefore"></slot>
            <slot name="EnumSysCustomerIntention">
                <u-table-column prop="EnumSysCustomerIntention" :label="keyLan['EnumSysCustomerIntention']" width="80"
                    align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.EnumSysCustomerIntention, EnumSysCustomerIntention)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="EnumSysCustomerIntentionAfter"></slot>
            <slot name="CertSearch03JsonBefore"></slot>
            <slot name="CertSearch03Json">
                <u-table-column prop="CertSearch03Json" :label="keyLan['CertSearch03Json']" width="185"
                    align="left"></u-table-column>
            </slot>
            <slot name="CertSearch03JsonAfter"></slot>
            <slot name="CertSearch02JsonBefore"></slot>
            <slot name="CertSearch02Json">
                <u-table-column prop="CertSearch02Json" :label="keyLan['CertSearch02Json']" width="335"
                    align="left"></u-table-column>
            </slot>
            <slot name="CertSearch02JsonAfter"></slot>
            <slot name="CertSearchUpdateTimeBefore"></slot>
            <slot name="CertSearchUpdateTime">
                <u-table-column prop="CertSearchUpdateTime" :label="keyLan['CertSearchUpdateTime']" width="160"
                    align="center">
                    <template v-slot="scope">
                        <span v-if="!!scope.row.CertSearchUpdateTime">{{ scope.row.CertSearchUpdateTime |
            datetime }}</span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="CertSearchUpdateTimeAfter"></slot>
            <slot name="Referrer.NameBefore"></slot>
            <slot name="Referrer.Name">
                <u-table-column prop="Referrer.Name" :label="comLan['Key']['Referrer']['Name']" width="180"
                    align="left"></u-table-column>
            </slot>
            <slot name="Referrer.NameAfter"></slot>
            <slot name="Referrer.PhoneBefore"></slot>
            <slot name="Referrer.Phone">
                <u-table-column prop="Referrer.Phone" :label="comLan['Key']['Referrer']['Phone']" width="50"
                    align="left"></u-table-column>
            </slot>
            <slot name="Referrer.PhoneAfter"></slot>
            <slot name="Referrer.EnumStatusBefore"></slot>
            <slot name="Referrer.EnumStatus">
                <u-table-column prop="Referrer.EnumStatus" :label="comLan['Key']['Referrer']['EnumStatus']" width="50"
                    align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.Referrer.EnumStatus, EnumStatus)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="Referrer.EnumStatusAfter"></slot>
            <slot name="EnumGenderBefore"></slot>
            <slot name="EnumGender">
                <u-table-column prop="EnumGender" :label="keyLan['EnumGender']" width="50" align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.EnumGender, EnumGender)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="EnumGenderAfter"></slot>
            <slot name="AddressBefore"></slot>
            <slot name="Address">
                <u-table-column prop="Address" :label="keyLan['Address']" width="50" align="left"></u-table-column>
            </slot>
            <slot name="AddressAfter"></slot>
            <slot name="CompanyBefore"></slot>
            <slot name="Company">
                <u-table-column prop="Company" :label="keyLan['Company']" width="50" align="left"></u-table-column>
            </slot>
            <slot name="CompanyAfter"></slot>
            <slot name="QualificationBefore"></slot>
            <slot name="Qualification">
                <u-table-column prop="Qualification" :label="keyLan['Qualification']" width="50" align="center">
                    <template v-slot="scope">
                        <span v-html="getLabel(scope.row.Qualification, Qualification)"></span>
                    </template>
                </u-table-column>
            </slot>
            <slot name="QualificationAfter"></slot>

        </u-table>
        <el-pagination v-if="showPage" :current-page="searchParent.index" :page-size="searchParent.size"
            :total="totalParent" @current-change="indexChangeParent" @size-change="sizeChangeParent"></el-pagination>
    </div>
</template>

<script>
import common from "@/common/common.js";
import js from "@/Partial/SysCustomer/js.js";
export default {
    name: "SysCustomerListSelect",
    mixins: [common.baseVM, js]
}
</script>